<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>本科教学系统用户登录</title>
    <link rel="stylesheet" href="demo2-style.css">
    <style>
        .submit {
            font-size: 18px;
            width: 200px;
            height: 30px;
            background-color: #5692dd;
            border: transparent;
            color: white;
        }

        input:focus {
            background-color: #f2f3f4;
        }

        h3 {
            text-align: center;
        }

        body {
            font: 16px 'Microsoft yahei';
            background-color: #eff9fe;
        }
        .log {
            /* width: 1305px; */
            height: 500px;
            /* background-color: gray; */
            background: transparent url('images/banner.jpg') no-repeat scroll top;
        }
        .core {
            display: inline-block;
            width: 450px;
            height: 400px;
            background: rgba(255,255,255,.9);
        }
        .pos {
            display: inline-block;
            width: 990px;
            height: 80px;
            /* background-color: #fff; */
        }
        .footer {
            background: rgba(247, 221, 255, 0.15);
            height: 150px;
            text-align: center;
            color: #666666;
            line-height: 50px;
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <table cellpadding="0" cellspacing="0" width="1305px" height="120px" align="center">
            <tr class="tr1">
                <td rowspan="2" class="td1">
                    <!-- <img src="images/logo.jpg" /><br /> -->
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div> 当前第 5 周，2024年9月27日 星期五</div>
                </td>
                <td colspan="9" class="td2">
                    <input type="text" value="  请输入关键字" class="search1">
                    <input type="submit" value="搜索" class="search2">
                </td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
                <!-- <td></td> -->
            </tr>
            <tr class="tr2">
                <!-- <td></td> -->
                <td><a href="demo2.html">网站首页</a></td>
                <td><a href="">教务处概况</a></td>
                <td><a href="">教学通知</a></td>
                <td><a href="">公式公告</a></td>
                <td><a href="">教学文件</a></td>
                <td><a href="">办事指南</a></td>
                <td><a href="">专家讲座</a></td>
                <td><a href="">下载专区</a></td>
                <td><a href="">党建专区</a></td>
            </tr>
        </table>
    </div>
    <div class="log">
        <span class="pos"></span>
        <span class="core">
        <h3>本科教学系统用户登录</h3>
        <table width="400px" height="330px" align=right cellspacing="0" cellpadding="1">
            <tr>
                <td><img src="images/user.jpg" /> 学号</td>
                <td><input type="text" /></td>
            </tr>
            <tr>
                <td><img src="images/user.jpg" /> 姓名</td>
                <td><input type="text" /></td>
            </tr>
            <tr>
                <td><img src="images/user.jpg" /> 性别</td>
                <td>
                    <input type="radio" value="man" name="sex" id="man" /><label for="man">男</label>
                    <input type="radio" value="woman" name="sex" checked="checked" id="woman" /><label
                        for="woman">女</label>
                </td>
            </tr>
            <tr>
                <td><img src="images/user.jpg" /> 籍贯</td>
                <td>
                    <select>
                        <option value="#" selected="selected">--请选择地区--</option>
                        <option value="福建省">福建省</option>
                        <option value="上海市">上海市</option>
                        <option value="浙江省">浙江省</option>
                        <option value="江苏省">江苏省</option>
                        <option value="北京市">北京市</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><img src="images/user.jpg" /> 出生日期</td>
                <td>
                    <select>
                        <option value="#" selected="selected">--请选择年--</option>
                        <option value="2001">2001</option>
                        <option value="2002">2002</option>
                        <option value="2003">2003</option>
                        <option value="2004">2004</option>
                        <option value="2005">2005</option>
                        <option value="2006">2006</option>
                        <option value="2007">2007</option>
                        <option value="2008">2008</option>
                        <option value="2009">2009</option>
                        <option value="2010">2010</option>
                        <option value="2011">2011</option>
                        <option value="2012">2012</option>
                    </select>
                    <select>
                        <option value="#" selected="selected">--请选择月--</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                    </select>
                    <select>
                        <option value="#" selected="selected">--请选择日--</option>
                        <option value="">1</option>
                        <option value="">2</option>
                        <option value="">3</option>
                        <option value="">4</option>
                        <option value="">5</option>
                        <option value="">6</option>
                        <option value="">7</option>
                        <option value="">8</option>
                        <option value="">9</option>
                        <option value="">10</option>
                        <option value="">11</option>
                        <option value="">12</option>
                        <option value="">13</option>
                        <option value="">14</option>
                        <option value="">15</option>
                        <option value="">16</option>
                        <option value="">17</option>
                        <option value="">18</option>
                        <option value="">19</option>
                        <option value="">20</option>
                        <option value="">21</option>
                        <option value="">22</option>
                        <option value="">23</option>
                        <option value="">24</option>
                        <option value="">25</option>
                        <option value="">26</option>
                        <option value="">27</option>
                        <option value="">28</option>
                        <option value="">29</option>
                        <option value="">30</option>
                        <option value="">31</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><img src="images/password.jpg" /> 输入密码</td>
                <td><input type="password" /></td>
            </tr>
            <tr>
                <td><img src="images/password.jpg" /> 确定密码</td>
                <td><input type="password" /></td>
            </tr>
            <tr>
                <td><img src="images/yzm.jpg" /> 验证码</td>
                <td><input type="text" />
                    <input type="button" value="获取验证码" />
                </td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center;"><input type="submit" value="登录/注册" class="submit" />
                </td>
            </tr>
        </table>
        </span>
    </div>
    <div class="footer">
        建议浏览器： 谷歌， 火狐， 360请用极速模式，双核浏览器请用极速模式　<br />
        福州大学教务处 版权所有<br />
        Copyright 2020 All Rights Reserved
    </div>
</body>

</html>